﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<link href="resources/demos.css" rel="stylesheet" type="text/css" />
</head>
<body>
<h2>jQuery Templates: Step by Step Examples</h2>
<h3>App Example</h3>
	<a href="movies/PagesCore/movies.html">Movies</a><br />

<h3>Read-only rendering</h3>
	<div class="subhead">API: $( "#template" ).tmpl( data ).appendTo( "#list");</div>
	<a href="step-by-step/0_tmpl-read-only/0_local-data.html">Local data</a><br />
	<a href="step-by-step/0_tmpl-read-only/1_remote-data.html">Remote data</a><br />

<div class="subhead">Tags - Content</div>
	<a href="step-by-step/0_tmpl-read-only/2_html-tag.html">${} and {{html}}</a><br />
	<a href="step-by-step/0_tmpl-read-only/3_if-else-tag.html">{{if}} and {{else}}</a><br />
	<a href="step-by-step/0_tmpl-read-only/4_each-tag.html">{{each}}</a><br />
	<a href="step-by-step/0_tmpl-read-only/5_javascript.html">javascript demo</a><br />

<div class="subhead">Tags - Composition</div>

	<a href="step-by-step/0_tmpl-read-only/6_hierarchical-data.html">Hierarchical data - {{tmpl}}</a><br />

<h3>Interactivity</h3>
<div class="subhead">Navigating through data</div>
	<a href="step-by-step/1_tmpl-interactive/0_accordion-switching-template.html">Switch templates: Accordion</a><br />
	<a href="step-by-step/1_tmpl-interactive/1_tree-view-using-tmpl-tag.html">Recursive Tree View - {{tmpl}}</a><br />
	<a href="step-by-step/1_tmpl-interactive/2_tabs-using-wrap-tag.html">Tabs View - {{wrap}}</a><br />

</body>
</html>
